<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实名认证</title>
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/top.css">
    <link rel="stylesheet" href="../CSS/shiming.css">
</head>
<body>
    <header>
        <a href="./proving.html">
            <img src="../img//fh.png" alt="">
        </a>
        <span>实名认证</span>
    </header>
    <section>
        <form action="">
            <input type="text" placeholder="请输入姓名">
            <input type="text" placeholder="请输入身份证号">
            <input type="text" placeholder="请选择社区">
            <input type="text" placeholder="请输入商品房标识">
        </form>
        <img src="../img/xm.png" alt="" class="img-1">
        <img src="../img/sfz.png" alt="" class="img-2">
        <img src="../img/sq.png" alt="" class="img-3">
        <img src="../img/bs.png" alt="" class="img-4">
    </section>
    <footer>
        <div class="div-1">
            <img src="../img/ts.png" alt="">
            小提示
        </div>
        <div class="div-2">商品房住户，身份证非郑州户口也可证明</div>
        <div class="div-2">商品房住户，身份证非郑州户口也可证明</div>
        <a href="#"  class="button"><button>确定</button></a>
    </footer>
    <div class="popup" style="display: none;">
        <img src="../img/cg.png" alt="">
        <h4>认证成功</h4>
        <p>全场优惠商品可享<span>会员价</span>哦~</p>
        <div class="x">
           <a href="./home.html">
                <img src="../img/gb.png" alt="">
            </a>
        </div>
    </div>
    <script src="../jS/flexible.js"></script>
    <script src="../jS/jquery.3.5.1.js"></script>
    <script>
        $(function(){
            $('.button').click(function(){
                var index=$(this).index()
                console.log(index);
              $('.popup').toggle()
            })
            
        })
       
    </script>
</body>
</html>